<template>
	<sysJk :label="'17.消防供水设施的检查和功能测试'" showBack :withoutTop="true" :leftTime="lefttime">
		<template v-slot:content>
			<view class="warp" id="warp" @touchmove.stop="()=>{}">
				<view class="w100" v-if="curnum==0">
					<view class="taskTit">
						{{questions[curnum]}}
					</view>
					<view class="imgview" :style="{height:'calc(100vh - '+tH+'px)'}">
						<image :src="bUrl" style="width:100%;height:100%;position:absolute;top:0;z-index: 0;"></image>
					</view>
					<view class="myCard">
						<view class="cardContent"> 
							<view class="answerview">
								<view class="ytitle"> 请判断稳压泵电源状态</view>
								<view> </view>
								<radio-group @change="aChange">
									<label class="ritem" v-for="item,index in answer1" :key="index">
										<view>
											<radio :value="item" :checked="da1 === item" :style="{transform:'scale('+heightBl+')'}"/>{{item}}
										</view>
									</label>
								</radio-group>
							</view>
							<view class="handleBtn"> 
								<u-button v-if="examType==1" :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'green',color:'#fff',fontSize:'3vh'}"
									@click='explain(0)'>查看解析</u-button>
							</view>
							<view class="btnArea">
								<u-button :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
									@click="senda1()">提交</u-button>
								<u-button @click="reset1()"
									:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
									>重做</u-button>
								<u-button :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
									@click="back()">返回</u-button>
							</view>
							 

							<view v-if="isa1171" id="area171" class="openiv" :style="{ left:a1171left,top:a1171top}"
								@tap="openimgview('17-2',172)">
								<image class="openi" :src="openimg"></image>
							</view>

							<view v-if="isa1172" id="area172" class="openiv" :style="{ left:a1172left,top:a1172top}"
								@tap="openimgview('17-1',171)">
								<image class="openi" :src="closeimg"></image>
							</view>


						</view>
					</view>
					<u-mask :show="showFlag" @click="onClickHide">
						<view class="wrapper"
							style="display: flex;align-items: center;justify-content: center;height:100%">
							<view class="block" style="width:200px;height:200px;background: #fff;">12345</view>
						</view>
					</u-mask>
				</view>
				<view class="w100" v-if="curnum==1">
					<view class="taskTit">
						{{questions[curnum]}}
					</view>
					<view class="imgview" :style="{height:'calc(100vh - '+tH+'px)'}">
						<image :src="bUrl" style="width:100%;height:100%;position:absolute;top:0;z-index: 0;"></image>
					</view>
					<view class="myCard">
						<view class="cardContent"> 

							<view class="answerview">
								<view class="ytitle"> 请判断稳压泵的启停状态</view>
								<view> </view>
								<radio-group @change="aChange2">
									<label class="ritem" v-for="item,index in answer2" :key="index">
										<view>
											<radio :value="item" :checked="da2 === item" :style="{transform:'scale('+heightBl+')'}" />{{item}}
										</view>
									</label>
								</radio-group>
							</view>
							<view class="handleBtn">
							
								<u-button v-if="examType==1" :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'green',color:'#fff',fontSize:'3vh'}"
									@click='explain(1)'>查看解析</u-button>
							</view>
							<view class="btnArea">
								<u-button :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
									@click="senda2()">提交</u-button>
								<u-button @click="reset2()"
									:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
									>重做</u-button>
								<u-button :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
									@click="back()">返回</u-button>
							</view>
							<view class="writeBox" id="writeBox" :style="{left:writeBoxLeft,top:writeBoxTop}"
								@tap="showDialog">

							</view>

							<view v-if="isa2173" id="area173" class="openiv" :style="{ left:a1171left,top:a1171top}"
								@tap="openimgview('17-4',174)">
								<image class="openi" :src="openimg"></image>
							</view>

							<view v-if="isa2174" id="area174" class="openiv" :style="{ left:a1172left,top:a1172top}"
								@tap="openimgview('17-3',173)">
								<image class="openi" :src="closeimg"></image>
							</view>

							<view v-if="isa2174" id="area174" class="openiv redbg"
								:style="{ left:a2174left,top:a2174top,width:a2174w,height:a2174h}"
								@tap="openimgview('17-4-1',174)">
							</view>
							
							


						</view>
					</view>
					<u-mask :show="showFlag" @click="onClickHide">
						<view class="wrapper"
							style="display: flex;align-items: center;justify-content: center;height:100%">
							<view class="block" style="width:200px;height:200px;background: #fff;">12345</view>
						</view>
					</u-mask>
				</view>
				<view class="w100" v-if="curnum==2">
					<view class="taskTit">
						{{questions[curnum]}}
					</view>
					<view class="imgview" :style="{height:'calc(100vh - '+tH+'px)'}">
						<image :src="bUrl" style="width:100%;height:100%;position:absolute;top:0;z-index: 0;"></image>
					</view>
					<view class="myCard">
						<view class="cardContent">


							<view class="answerview">
								<view class="ytitle"> 请判断稳压泵手动启停状态</view>
								<view> </view>
								<radio-group @change="aChange3">
									<label class="ritem" v-for="item,index in answer3" :key="index">
										<view>
											<radio :value="item" :checked="da3 === item" :style="{transform:'scale('+heightBl+')'}"/>{{item}}
										</view>
									</label>
								</radio-group>
							</view>
							<view class="handleBtn">
							
								<u-button v-if="examType==1" :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
									@click='explain(2)'>查看解析</u-button>
							</view>
							<view class="btnArea">
								<u-button :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
									@click="senda3()">提交</u-button>
								<u-button @click="reset3()"
									:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
									>重做</u-button>
								<u-button :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
									@click="back()">返回</u-button>
							</view>
							<view class="writeBox" id="writeBox" :style="{left:writeBoxLeft,top:writeBoxTop}"
								@tap="showDialog">

							</view>

							<view v-if="isa3175" id="area175" class="openiv" :style="{ left:a1171left,top:a1171top}"
								@tap="openimgview('17-6',176)">
								<image class="openi" :src="openimg"></image>
							</view>
							<view v-if="isa3176" id="area172" class="openiv" :style="{ left:a1172left,top:a1172top}"
								@tap="openimgview('17-5',175)">
								<image class="openi" :src="closeimg"></image>
							</view>
							
							<!--手自-->
							<view v-if="isa3176" id="area172" class="openiv redbg" :style="{ left:a3176latl,top:a3176latt,width:a3176latw,height:a3176lath}"
								@tap="atom()">
								 
							</view>
								<!--启动-->
							<view v-if="isa3176" id="area172" class="openiv redbg" :style="{ left:a3176lsl,top:a3176lst,width:a3176lsw,height:a3176lsh}"
								@tap="startck()">
								 
							</view>
							<view v-if="isa3176" id="area172" class="openiv redbg" :style="{ left:a3176ltl,top:a3176ltt,width:a3176ltw,height:a3176lth}"
								@tap="stopck()"> 
							</view>
							
							 
							
							<view v-if="isstart && isa3176" id="area172" class="openiv" :style="{ left:a3176ll,top:a3176lt,width:a3176lw,height:a3176lh}"
								 >
								 <image class="openi openiv" :src="yimg":style="{ left:a3176ll,top:a3176lt, width:a3176lw,height:a3176lh}" ></image>
							</view> 

						</view>
					</view>
					<u-mask :show="showFlag" @click="onClickHide">
						<view class="wrapper"
							style="display: flex;align-items: center;justify-content: center;height:100%">
							<view class="block" style="width:200px;height:200px;background: #fff;">12345</view>
						</view>
					</u-mask>
				</view>
				<view class="w100" v-if="curnum==3">
					<view class="taskTit">
						{{questions[curnum]}}
					</view>
					<view class="imgview" :style="{height:'calc(100vh - '+tH+'px)'}">
						<image :src="bUrl" style="width:100%;height:100%;position:absolute;top:0;z-index: 0;"></image>
					</view>
					<view class="myCard">
						<view class="cardContent">


							<view class="answerview">
								<view class="ytitle"> 请判断当前最不利点处静水压力是否符合设计要求</view>
								<view> </view>
								<radio-group @change="aChange4">
									<label class="ritem" v-for="item,index in answer4" :key="index">
										<view>
											<radio :value="item" :checked="da4 === item" :style="{transform:'scale('+heightBl+')'}"/>{{item}}
										</view>
									</label>
								</radio-group>
							</view>
							<view class="handleBtn">
							
								<u-button v-if="examType==1" :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'green',color:'#fff',fontSize:'3vh'}"
									@click='explain(3)'>查看解析</u-button>
							</view>
							<view class="btnArea">
								<u-button :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
									@click="senda4()">提交</u-button>
								<u-button @click="reset4()"
									:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
									>重做</u-button>
								<u-button :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
									@click="back()">返回</u-button>
							</view>
							<view class="writeBox" id="writeBox" :style="{left:writeBoxLeft,top:writeBoxTop}"
								@tap="showDialog">

							</view>
							<view v-if="isa4177" id="area177" class="openiv" :style="{ left:a4177left,top:a4177top}"
								@tap="openimgview('17-8',178)">
								<image class="openi" :src="openimg"></image>
							</view>
							<view v-if="isa4178" id="area178" class="openiv" :style="{ left:a4178left,top:a4178top}"
								@tap="openimgview('17-7',177)">
								<image class="openi" :src="closeimg"></image>
							</view>



						</view>
					</view>
					<u-mask :show="showFlag" @click="onClickHide">
						<view class="wrapper"
							style="display: flex;align-items: center;justify-content: center;height:100%">
							<view class="block" style="width:200px;height:200px;background: #fff;">12345</view>
						</view>
					</u-mask>
				</view>
				<view class="w100" v-if="curnum==4">
					<view class="taskTit">
						{{questions[curnum]}}
					</view>
					<view class="imgview" :style="{height:'calc(100vh - '+tH+'px)'}">
						<image :src="bUrl" style="width:100%;height:100%;position:absolute;top:0;z-index: 0;"></image>
					</view>
					<view class="myCard">
						<view class="cardContent">


							<view class="answerview">
								<view class="ytitle"> 请分别判断进水管、出水管的启闭状态</view>
								<view>判断进水管启闭状态 </view>
								<radio-group @change="aChange51">
									<label class="ritem" v-for="item,index in answer51" :key="index">
										<view>
											<radio :value="item" :checked="da51 === item" :style="{transform:'scale('+heightBl+')'}" />{{item}}
										</view>
									</label>
								</radio-group>
								<view>判断出水管启闭状态 </view>
								<radio-group @change="aChange52">
									<label class="ritem" v-for="item,index in answer52" :key="index">
										<view>
											<radio :value="item" :checked="da52 === item" :style="{transform:'scale('+heightBl+')'}" />{{item}}
										</view>
									</label>
								</radio-group>
							</view>

							<view class="handleBtn">
							
								<u-button v-if="examType==1" :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'green',color:'#fff',fontSize:'3vh'}"
									@click='explain(4)'>查看解析</u-button>
							</view>
							<view class="btnArea">
								<u-button :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
									@click="senda5()">提交</u-button>
								<u-button @click="reset5()"
									:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
									>重做</u-button>
								<u-button :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
									@click="back()">返回</u-button>
							</view>
							<view class="writeBox" id="writeBox" :style="{left:writeBoxLeft,top:writeBoxTop}"
								@tap="showDialog">
							</view>


							<view v-if="isa5179" id="area177" class="openiv" :style="{ left:a51791left,top:a51791top}"
								@tap="openimgview('17-11',1711)">
								<image class="openi" :src="openimg"></image>
							</view>
							<view v-if="isa5179" id="area177" class="openiv" :style="{ left:a51792left,top:a51792top}"
								@tap="openimgview('17-10',1710)">
								<image class="openi" :src="openimg"></image>
							</view>

							<view v-if="isa51710" id="area1710" class="openiv" :style="{ left:a51710left,top:a51710top}"
								@tap="openimgview('17-9',179)">
								<image class="openi" :src="closeimg"></image>
							</view>

							<view v-if="isa51711" id="area1711" class="openiv" :style="{ left:a51711left,top:a51711top}"
								@tap="openimgview('17-9',179)">
								<image class="openi" :src="closeimg"></image>
							</view>




						</view>
					</view>
					<u-mask :show="showFlag" @click="onClickHide">
						<view class="wrapper"
							style="display: flex;align-items: center;justify-content: center;height:100%">
							<view class="block" style="width:200px;height:200px;background: #fff;">12345</view>
						</view>
					</u-mask>
				</view>
				<view class="w100" v-if="curnum==5">
					<view class="taskTit">
						{{questions[curnum]}}
					</view>
					<view class="imgview" :style="{height:'calc(100vh - '+tH+'px)'}">
						<image :src="bUrl" style="width:100%;height:100%;position:absolute;top:0;z-index: 0;"></image>
					</view>
					<view class="myCard">
						<view class="cardContent">



							<view class="answerview">
								<view class="ytitle"> 请判断有效储水量</view>
								<view> </view>
								<radio-group @change="aChange6">
									<label class="ritem" v-for="item,index in answer6" :key="index">
										<view>
											<radio :value="item" :checked="da6 === item" :style="{transform:'scale('+heightBl+')'}"/>{{item}}
										</view>
									</label>
								</radio-group>
							</view>



							<view class="handleBtn">
							
								<u-button v-if="examType==1" :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'green',color:'#fff',fontSize:'3vh'}"
									@click='explain(5)'>查看解析</u-button>
							</view>
							<view class="btnArea">
								<u-button :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
									@click="senda6()">提交</u-button>
								<u-button @click="reset6()"
									:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
									>重做</u-button>
								<u-button :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
									@click="back()">返回</u-button>
							</view>
							<view class="writeBox" id="writeBox" :style="{left:writeBoxLeft,top:writeBoxTop}"
								@tap="showDialog">

							</view>


							<view v-if="isa61712" id="area1712" class="openiv" :style="{ left:a61712left,top:a61712top}"
								@tap="openimgview('17-13',1713)">
								<image class="openi" :src="openimg"></image>
							</view>


							<view v-if="isa61713" id="area1713" class="openiv" :style="{ left:a61713left,top:a61713top}"
								@tap="openimgview('17-12',1712)">
								<image class="openi" :src="closeimg"></image>
							</view>


						</view>
					</view>
					<u-mask :show="showFlag" @click="onClickHide">
						<view class="wrapper"
							style="display: flex;align-items: center;justify-content: center;height:100%">
							<view class="block" style="width:200px;height:200px;background: #fff;">12345</view>
						</view>
					</u-mask>
				</view>
				<view class="w100" v-if="curnum==6">
					<view class="taskTit">
					 
						<view class="tasklfex">
							<view>{{questions[curnum]}}</view>
							<view class="stepbs"> <image :src="jd21" mode="heightFix" style="height: 2.5vh;"></image></view>
						</view>
					</view>
					<view class="imgview" :style="{height:'calc(100vh - '+tH+'px)'}">
						<image :src="bUrl" style="width:100%;height:100%;position:absolute;top:0;z-index: 0;"></image>
					</view>
					<view class="myCard">
						<view class="cardContent"> 
							<view class="answerview">
								<view class="ytitle"> 请操作泄水管与补水管阀门进行泄水</view>

							</view>
							<view class="handleBtn">
							
								<u-button color="green" v-if="examType==1"
									:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
									@click='explain(6)'>查看解析</u-button>
							</view>
							<view class="btnArea">
								<u-button :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
									@click="senda7()">下一步</u-button>
								<u-button @click="reset7()"
									:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
									>重做</u-button>
								<u-button :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
									@click="back()">返回</u-button>
							</view>
							<view class="writeBox" id="writeBox" :style="{left:writeBoxLeft,top:writeBoxTop}"
								@tap="showDialog">
							</view>

							<view v-if="isa71714" id="area171401" class="openiv redbg"
								:style="{ left:a71714left,top:a71714top,width:a71714w,height: a71714h}"
								@tap="openimgview('17-14-1',1714)">
							</view>

							<view v-if="isa71714" id="area1714102" class="openiv redbg"
								:style="{ left:a717141left,top:a717141top,width:a717141w,height: a717141h}"
								@tap="openimgview('17-15',1715)">

							</view> 
						</view>
					</view>
					<u-mask :show="showFlag" @click="onClickHide">
						<view class="wrapper"
							style="display: flex;align-items: center;justify-content: center;height:100%">
							<view class="block" style="width:200px;height:200px;background: #fff;">12345</view>
						</view>
					</u-mask>
				</view>

				<view class="w100" v-if="curnum==7">
					<view class="taskTit">
						 
						<view class="tasklfex">
							<view>{{questions[6]}}</view>
							<view class="stepbs">  <image :src="jd22" mode="heightFix" style="height: 2.5vh;"></image></view>
						</view>
					</view>
					<view class="imgview" :style="{height:'calc(100vh - '+tH+'px)'}">
						<image :src="bUrl" style="width:100%;height:100%;position:absolute;top:0;z-index: 0;"></image>
					</view>
					<view class="myCard">
						<view class="cardContent">  
							<view class="answerview">
								<view class="ytitle"> 请操作泄水管与补水管阀门进行补水</view>
								<view> </view>
								<radio-group @change="aChange7">
									<label class="ritem" v-for="item,index in answer8" :key="index">
										<view>
											<radio :value="item" :checked="da7 === item" :style="{transform:'scale('+heightBl+')'}"/>{{item}}
										</view>
									</label>
								</radio-group>
							</view>
							<view class="handleBtn">
							
								<u-button v-if="examType==1" color="green"  @click='explain(6)'
									:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'green',color:'#fff',fontSize:'3vh'}"
									>查看解析</u-button>
							</view>
							<view class="btnArea">
								<u-button :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
									@click="senda8()">提交</u-button>
								<u-button color="#1E90FF"  @click="reset8()"
									:custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
									>重做</u-button>
								<u-button :custom-style="{width:'100rpx',height:'30rpx',borderRadius:'10rpx',marginRight:'10px',background:'#1E90FF',color:'#fff',fontSize:'3vh'}"
									@click="back()">返回</u-button>
							</view>
							<view class="writeBox" id="writeBox" :style="{left:writeBoxLeft,top:writeBoxTop}"
								@tap="showDialog">

							</view>

							<view v-if="isa717142" id="area1714" class="openiv redbg"
								:style="{ left:a717142left,top:a717142top,width:a717142w,height: a717142h}"
								@tap="openimgview('17-14-1',1714)">
							</view>

							<view v-if="isa717142" id="area17141" class="openiv redbg"
								:style="{ left:a717143left,top:a717143top,width:a717143w,height: a717143h}"
								@tap="openimgview('17-14',17140)">

							</view>
							<view v-if="bstext" id="area17141text" class="openiv"
								:style="{ left:'300rpx',top:'80px',fontSize:'36px',color:'#000' }">
								当前补水时间：10小时
							</view>

						</view>
					</view>
					<u-mask :show="showFlag" @click="onClickHide">
						<view class="wrapper"
							style="display: flex;align-items: center;justify-content: center;height:100%">
							<view class="block" style="width:200px;height:200px;background: #fff;">12345</view>
						</view>
					</u-mask>

				</view>
				<u-mask :show="isexplain" @click="closeex">
				  <view class="wrapper" style="display: flex;align-items: center;justify-content: center;height:100%">
				    <view class="block" style="width:400rpx;padding: 20rpx;box-sizing:border-box;background: #fff;font-size:2vh">
						<view class="overtitle" style="color: #000;">
							【试题解析】 正确答案
						</view>
						<view class="overtitle" style="color: #000;">
								<text>{{explaintext}}</text>
						</view>
					</view>
				  </view>
				</u-mask> 


			</view>

		</template>
	</sysJk>

</template>


<script>
	import sysJk from '@/components/sysJk.vue'
	import {fzQuestion} from '@/globalApi/requestApi.js'
	import {formatTime} from '@/util/index.js'
	export default {
		components: {
			sysJk
		},

		data() {
			const app = getApp();
			const baseUrl = app.globalData.requestUrl;

			return {
				widthBl:0,
				heightBl:0,
				lefttime: '300',
				examId: '',
				examType: 1,
				base: baseUrl,
				writeBox: null,
				writeBoxLeft: 0,
				writeBoxTop: 0,
				showFlag: false,
				bUrl: baseUrl + "/static/image/wb/17-1.jpg",
				openimg: baseUrl + "/static/image/open.png",
				closeimg: baseUrl + "/static/image/close.png",
				yimg: baseUrl + "/static/image/yello.png",
				questionsnum: 3, //题目数

				curnum: 0, //当前题目
				jd21:baseUrl+"/static/image/jd/j2-0.png",
				jd22:baseUrl+"/static/image/jd/j2-2.png",
				questions: ['【1/7】请判断稳压泵电源状态是否正常',
					'【2/7】请测试稳压泵自动启停功能', 
					'【3/7】请判断稳压泵手动启停是否正常',
					'【4/7】请测量最不利点处静水压力是否符合设计要求',
					'【5/7】请判断消防水箱各管路阀门是否处于正常启闭状态',
					'【6/7】请查看液位计，判断有效储水量',
					'【7/7】请测试补水能力是否符合要求',
				],

				answer1: ['稳压泵电源处于断电状态', '稳压泵电源处于正常状态'],

				answer2: ['自动启停正常', '自动启停异常'],
				answer3: ['手动启停正常', '手动启停异常'],
				answer4: ['不符合设计要求', '符合设计要求'],
				answer51: ['正常', '不正常'],
				answer52: ['正常', '不正常'],
				answer6: ['1.8m', '1m', '0.5m','0.3m'  ],
				//7是两小问	 
				answer8: ['补水能力过长', '补水能力正常'], 

				isa1171: true,
				isa1172: false,
				a1171left: 0,
				a1171top: 0,
				a1172left: 0,
				a1172top: 0,
				
				//////////////////////////////////
				
				//////////////////////////////////

				///2
				isa2173: false,
				isa2174: false,
				a2174left: 0,
				a2174top: 0,
				a2174w: 0,
				a2174h: 0,
				is174open: false,

				//3  e有几个按钮没有加
				isa3175: false,
				isa3176: false,
				isatom:false,
				isstart:false,
				 
				
				//176
				//故障灯
			a3176ll:	931,
			a3176lt:	272,
			a3176lw:	54,
			a3176lh:	54,
				//手自
			a3176latl:	794,
			a3176latt:	388,
			a3176latw:	60,
			a3176lath:	60,
				//启动
			a3176lsl:	885,
			a3176lst:	382,
			a3176lsw:	56,
			a3176lsh:	56,
			
			//停止
			a3176ltl:	974,
			a3176ltt:	382,
			a3176ltw:	56,
			a3176lth:	56,
			 

				//4

				isa4177: false,

				isa4178: false,
				a4177left: 0,
				a4177top: 0,
				a4178left: 0,
				a4178top: 0,

				//5

				isa5179: false,
				isa51710: false,
				isa51711: false,
				a51791left: 0,
				a51791top: 0,
				a51792left: 0,
				a51792top: 0,

				a51710left: 0,
				a51710top: 0,

				a51711left: 0,
				a51711top: 0,

				//6

				isa61712: false,
				isa61713: false,
				a61712left: 0,
				a61712top: 0,
				a61713left: 0,
				a61713top: 0,

				//77
				//7-1
				//1714

				isa71714: false,
				isa717142: false,

				a71714left: 1679,
				a71714top: 700,
				a71714w: 60,
				a71714h: 88, //to 17 14 1


				a717141left: 1290,
				a717141top: 608,
				a717141w: 44,
				a717141h: 64, //to 17 15



				//7-2
				a717142left: 1347,
				a717142top: 545,
				a717142w: 36,
				a717142h: 70, //to 17-14-1 

				a717143left: 1600,
				a717143top: 704,
				a717143w: 66,
				a717143h: 90, //17 14

				innerAudioContext: uni.createInnerAudioContext(),
				jb: baseUrl + "/static/image/jb.MP3",
				quest: {
					fz_id: 2,
					title: '',
					no: "",
					question_type: 1,
					user_answer: '',
					answer: '',
					is_correct: '',
					score: '',
					start_time: 0,
					end_time: 0,
					question_answer: ''
				},
				explainarr: ['看电源指示灯亮不亮，亮则正常\r\n\r\n正确答案：稳压泵电源处于正常状态',
					'开和关末端试水装置，观察控制柜的故障灯有没有亮\r\n\r\n正确答案：自动启停异常',
					'转手动 点启动 点停止，观察控制柜的故障灯有没有亮\r\n\r\n正确答案：手动启停异常',
					'0.05MP以上才符合要求\r\n\r\n正确答案：不符合设计要求',
					'明杆闸阀看开关，突出来表示开启，为正常\r\n\r\n正确答案：正常，正常',
					'直接看玻璃液位计数值\r\n\r\n正确答案：1.8m',
					'分清楚补水管和泄水管。记住左开右关。第一步是要求泄水，所以要先关补水管的阀，再开泄水阀的阀让水池排水。点下一步。关闭泄水管的阀，打开补水管的阀让水流进水池。8小时内补满为正常\r\n\r\n正确答案：补水能力过长',


				],
				isexplain: false,
				explaintext: '',
				bstext: false,
				tH: 0,
				score1 :0, //0.5 请判断稳压泵电源状态
				score2 :0, //0.3 稳压泵自动启停功能是否正常
				score3 :0, //0.2稳压泵手动启停功能是否正常
				score4:0, //0.2 请判断最不利点静水压力是否符合设计要求
				score5:0, //0.3 请判断消防水箱各阀门是否处于正常启闭状态
				score6:0, //0.3请查看液位计，判断有效储水量
				score7:0, //0.2请测试补水能力是否符合设计要求
				
				da1:'',
				da2:'',
				da3:'',
				da4:'',
				da51:'',
				da52:'',
				da6:'',
				da7:'',
			}
		},
		onLoad(options) {
			uni.setScreenBrightness({
				keepScreenOn: true,
				direction: 'landscape',
				success() {
					console.log("a")
				}
			})
			
			this.examId = options.examId
			this.examType = options.examType
			 
		},
		onShow() {
			let that = this;
			// uni.getSystemInfo({
			// 	success: function(res) {
			// 		console.log(res)
			// 		// uni.setStorageSync('titleHeight',res.statusBarHeight+capsuleH)
			// 		that.tH = uni.getMenuButtonBoundingClientRect().height+ uni.getMenuButtonBoundingClientRect().top*2+21
			// 		//that.tH = 85
			// 		that.drawWhiteBox()
			// 	}
			// }); 
		},
		onReady() {
				  let that = this;
				  // #ifdef MP-WEIXIN
				  uni.getSystemInfo({
				    success: function(res) {
				      console.log(res)
				      // uni.setStorageSync('titleHeight',res.statusBarHeight+capsuleH)
				      that.tH = uni.getMenuButtonBoundingClientRect().height + uni
				          .getMenuButtonBoundingClientRect().top * 2 + 21
				      //that.tH=85
				      that.drawWhiteBox()
				    }
				  });
				  // #endif
				
				 // #ifdef APP-PLUS
				 let sy = uni.getSystemInfoSync()
				 this.pT = sy.statusBarHeight
				 this.tH = sy.statusBarHeight + 51
				 that.drawWhiteBox(this.tH)
				 
				 // #endif
				},
		methods: {
			back() {
				uni.navigateBack()
			},
			explain(id) {
				this.isexplain = true;
				this.explaintext = this.explainarr[id]

			},
			closeex() {
				this.isexplain = false
			},
			aChange(e){
				this.da1=e.detail.value
			},
			aChange2(e){
				this.da2=e.detail.value
			},
			aChange3(e){
				this.da3=e.detail.value
			},
			aChange4(e){
				this.da4=e.detail.value
			},
			aChange51(e){
				this.da51=e.detail.value
			},
			aChange52(e){
				this.da52=e.detail.value
			},
			aChange6(e){
				this.da6=e.detail.value
			},
			aChange7(e){
				this.da7=e.detail.value
			},
			reset(){
				this.isa1171=true
								this.isa1172=false
								this.isa2173=false
								this.isa2174=false
								this.is174open=false
								this.isa3175=false
								this.isa3176=false
								this.isatom=false
								this.isstart=false
								this.isa4177=false
								
								this.isa4178=false
								this.isa5179=false
								this.isa51710=false
								this.isa51711=false
								this.isa61712=false
								this.isa61713=false
								this.isa71714=false
								this.isa717142=false
							this.	bstext=false
			},
			reset1(){
				this.reset()
				let that = this	 
				that.da1=""
				
					that.curnum = 0
					
					that.isa1171=true 
					that.bUrl = that.base + "/static/image/wb/17-1.jpg"
				
			},
			reset2(){
					this.reset()
					let that = this 
					that.da2=""
					that.curnum = 1
					that.bUrl = that.base + "/static/image/wb/17-3.jpg"
					that.isa2173 = true
			},
			reset3(){
					this.reset()
				let that = this	 
				that.da3=""
				
				that.curnum = 2
				that.bUrl = that.base + "/static/image/wb/17-5.jpg"
				that.isa3175 = true
				
			},
			reset4(){
					this.reset()
				let that = this	 
				that.da4=""
				
				that.curnum = 3
				that.bUrl = that.base + "/static/image/wb/17-7.jpg"
				
				that.isa4177 = true;
				
			},
			reset5(){
					this.reset()
					let that = this 
				that.da51=""
				 that.da52=""	
				
				that.curnum = 4
				that.bUrl = that.base + "/static/image/wb/17-9.jpg"
				that.isa5179 = true;
			},
			reset6(){
					this.reset()
					let that = this 
					that.da6=""
					that.curnum = 5
					that.bUrl = that.base + "/static/image/wb/17-12.jpg"
					that.isa61712 = true;
			},
			reset7(){
					this.reset()
				 	let that = this
					that.curnum = 6
					that.isa71714 = true
					
					that.bUrl = that.base + "/static/image/wb/17-14.jpg"
					
			},
			reset8(){
					this.reset()
					let that = this 
					that.da7="" 
					that.curnum = 7
					that.isa71714 = false
					that.isa717142 = true
					that.bUrl = that.base + "/static/image/wb/17-15.jpg"
					
			},
			senda1() {
				/**
				 * 【1/7】请判断稳压泵电源状态是否正常【0.5】
				请判断稳压泵电源状态
				稳压泵电源处于断电状态
				稳压泵电源处于断电状态
				【两种情况】
				 */ 
				let that=this
				if(this.da1=="" ){
					uni.showToast({
						title:'请选择答案',
						icon:'none'
					})
				 return;
				}
				if(that.da1=="稳压泵电源处于正常状态"){
					that.score1 =0.5
				}else{
					that.score1 =0
				}
				this.$showModal2({title: '确认提交？' +that.score1,
				                        // content: '这是一个模态弹窗',
				                        
				                }).then(()=>{
									
									      that.curnum = 1
									      that.bUrl = that.base + "/static/image/wb/17-3.jpg"
									      that.isa2173 = true
									   
								});
								
								
				
			},
			senda2() {
				/**
				 * 【2/7】稳压泵自动启停功能是否正常【0.3】
				不正常
				正常
				【两种情况】
				 * *
				*/ 
				let that=this
				if(this.da2=="" ){
					uni.showToast({
						title:'请选择答案',
						icon:'none'
					})
				 return;
				}
				if(that.da2=="自动启停异常"){
					that.score2 =0.3
				}
				this.$showModal2({title: '确认提交？'+that.score2,
				                        // content: '这是一个模态弹窗',
				                        
				                }).then(()=>{
									
									      that.curnum = 2
									      that.bUrl = that.base + "/static/image/wb/17-5.jpg"
									      that.isa3175 = true
									   
								});
								
								
				
			},
			senda3() {
				/**
				 * 【3/7】稳压泵手动启停功能是否正常【0.2】
				不正常
				正常
				【两种情况】
				 */ 
				let that=this
				if(this.da3=="" ){
					uni.showToast({
						title:'请选择答案',
						icon:'none'
					})
				 return;
				}
				if(that.da3=="手动启停异常"){
					that.score3 =0.2
				}
				this.$showModal2({title: '确认提交？'+that.score3,
				                        // content: '这是一个模态弹窗',
				                       
				                }).then(()=>{
									
									      that.curnum = 3
									      that.bUrl = that.base + "/static/image/wb/17-7.jpg"
									      
									      that.isa4177 = true;
									   
								});
								
				

			},
			senda4() {
				/**
				 * 【4/7】请判断最不利点静水压力是否符合设计要求【0.2】
				请判断当前最不利点静水压力是否符合设计要求
				符合设计要求
				不符合设计要求 【压力表值，0为不符合，其他符合。】
				 */
				let that=this
				if(this.da4=="" ){
					uni.showToast({
						title:'请选择答案',
						icon:'none'
					})
				 return;
				}
				if(that.da4=="不符合设计要求"){
					that.score4 =0.2
				} 
				this.$showModal2({title: '确认提交？'+that.score4,
				                        // content: '这是一个模态弹窗',
				                       
				                }).then(()=>{
									
									       that.curnum = 4
									       that.bUrl = that.base + "/static/image/wb/17-9.jpg"
									       that.isa5179 = true;
									    
								});
								
				
			},
			senda5() {
				/**
				 * 【5/7】请判断消防水箱各阀门是否处于正常启闭状态【0.3】
				请分别判断进水管、出水管的启闭状态
				判断进水管启闭状态
				正常
				不正常
				判断出水管启闭状态
				正常
				不正常
				
				【以上分别有两种情况】
				 */ 
			
				let that=this
				if(this.da51=="" ){
					uni.showToast({
						title:'请选择答案',
						icon:'none'
					})
				 return;
				}
				if(this.da52=="" ){
					uni.showToast({
						title:'请选择答案',
						icon:'none'
					})
				 return;
				}
				if(that.da51=="正常"&& that.da52=="正常"){
					that.score5 =0.3
				}
				this.$showModal2({title: '确认提交？'+that.score5,
				                        // content: '这是一个模态弹窗',
				                       
				                }).then(()=>{
								
									       that.curnum = 5
									       that.bUrl = that.base + "/static/image/wb/17-12.jpg"
									       that.isa61712 = true;
									  
								});
								
				
			},
			senda6() {
				/**
				 * 	【6/7】请查看液位计，判断有效储水量【0.3】
				请判断有效储水量
				0.3m
				0.5m
				1.8m
				1m
				【四种情况都有可能】
				 */
				let that=this
				if(this.da6=="" ){
					uni.showToast({
						title:'请选择答案',
						icon:'none'
					})
				 return;
				}
				if(that.da6=="1.8m"){
					that.score6 =0.3
				}
				 
				
				this.$showModal2({title: '确认提交？'+that.score6,
				                        // content: '这是一个模态弹窗',
				                       
				                }).then(()=>{
									
									      that.curnum = 6
									      that.isa71714 = true
									      
									      that.bUrl = that.base + "/static/image/wb/17-14.jpg"
									  
								});
								
				
			},
			senda7() {
				/**
				 * 
				【7/7】请测试补水能力是否符合设计要求【0.2】
				请操作泄水管与补水管进行补水
				补水能力过长
				补水能力正常
				【8小时正常，10小时过长，两种情况】
				 */
				let that=this
				 
				this.$showModal2({title: '确认提交？',
				                        // content: '这是一个模态弹窗',
				                       
				                }).then(()=>{
									
									       
										   that.curnum = 7
										   that.isa71714 = false
										   that.isa717142 = true
										   that.bUrl = that.base + "/static/image/wb/17-15.jpg"
									   
								});
								
			
			},

			senda8() {
				let that=this
				if(this.da7=="" ){
					uni.showToast({
						title:'请选择答案',
						icon:'none'
					})
				 return;
				}
				if(that.da7=="补水能力过长") {
					that.score7 =0.2
				}
					let ss=that.score1+that.score2+that.score3+that.score4+that.score5+that.score6+that.score7
				this.$showModal2({title: '确认提交？'+that.score7 ,
				                        // content: '这是一个模态弹窗',
				                       
				                }).then(()=>{
											uni.showLoading({})
									       fzQuestion(that.quest).then(res=>{
											   uni.hideLoading()
											   let pages = getCurrentPages() 
											if(pages.length==4){
												let prevPage = pages[pages.length - 3] 
												prevPage.$vm.status17 = true
												prevPage.$vm.addScore(ss)
												uni.navigateBack()
											}else{
												let prevPage = pages[pages.length - 2]
												prevPage.$vm.status17 = true
												prevPage.$vm.addScore(ss) 
												uni.navigateBack()
											} 
										   })
									   
								});
								
								
				// uni.showToast({
				// 	title: '提交后不可修改',
				// 	success() {
				// 		setTimeout(() => {
				// 			uni.navigateBack()
				// 		}, 500)

				// 	}
				// })
				
				/**
				 * 
				 * 	17消防供水设施的检查和功能测试【2】
				
				
				 
				
			
			score1  //0.5 请判断稳压泵电源状态
			score2  //0.3 稳压泵自动启停功能是否正常
			score3  //0.2稳压泵手动启停功能是否正常
			score4 //0.2 请判断最不利点静水压力是否符合设计要求
			score5 //0.3 请判断消防水箱各阀门是否处于正常启闭状态
			score6 //0.3请查看液位计，判断有效储水量
			score7 //0.2请测试补水能力是否符合设计要求
				 * 
*/
			},


			rsa4() {
				this.isa4area = true;
				this.isa41616 = false;
				this.bUrl = this.base + "/static/image/wb/16-9.jpg"
			},
			
			 
			 atom(){
				 this.isatom=true
				 this.bUrl = this.base + "/static/image/wb/17-2-2.jpg"
				 //这里差一张图，要改状态
			 },
				startck(){
					if(this.isatom){
						this.isstart=true
					}
				},	
				stopck(){
					if(this.isatom){
						this.isstart=false
					}
				},	
					
					
					
			openimgview(path, lb) {
				this.isarea = false
				this.isa1area1 = false
				this.isa1area2 = false

				this.bUrl = this.base + "/static/image/wb/" + path + ".jpg";
				switch (lb) {
					case 172:
						this.isa1172 = true;
						this.isa1171 = false
						

						break;
					case 171:
						this.isa1172 = false;
						this.isa1171 = true
						break;


					case 173:
						this.isa2173 = true;
						this.isa2174 = false;
						break;

					case 174:
						this.isa2173 = false;
						this.isa2174 = true;
						this.is174open = !this.is174open;
						if (this.is174open) {
							this.bUrl = this.base + "/static/image/wb/" + "17-4" + ".jpg";
						} else {
							this.bUrl = this.base + "/static/image/wb/" + "17-4-1" + ".jpg";
						}
						break;

					case 175:
						this.isa3175 = true
						this.isa3176 = false
						break;
					case 176:
						this.isa3175 = false
						this.isa3176 = true
						if(this.isatom){
							this.bUrl = this.base + "/static/image/wb/" + "17-2-2" + ".jpg";
						}else{
							this.bUrl = this.base + "/static/image/wb/" + "17-6" + ".jpg";
						}
						break;

					case 177:
						this.isa4177 = true
						this.isa4178 = false
						break;
					case 178:
						this.isa4177 = false
						this.isa4178 = true
						break;
					case 179:
						this.isa5179 = true;
						this.isa51710 = false;
						this.isa51711 = false;
						break;
					case 1710:
						this.isa5179 = false;
						this.isa51710 = true;
						this.isa51711 = false;
						break;
					case 1711:
						this.isa5179 = false;
						this.isa51710 = false;
						this.isa51711 = true;
						break;

					case 1712:
						this.isa61712 = true;
						this.isa61713 = false;

						break;
					case 1713:
						this.isa61712 = false;
						this.isa61713 = true;
						break;


					case 17140:
						this.bstext = true;
						break;

				}


			},
			showDialog() {
				this.showFlag = true
			},
			onClickHide() {
				this.showFlag = false
			},
			drawWhiteBox(statusnum) {
				let that = this
				let warp = uni.createSelectorQuery().in(this).select('.imgview')
				
				warp.boundingClientRect(data => {
					console.log(that.tH )
					console.log(data)
					console.log(data.width)
					console.log(data.height)
					//有些设备取的是设备高度 data.height
				 
				 
					let widthBl = data.width / 1920
					let sy=uni.getSystemInfoSync() 
					let heightBl = 0
					// if(data.height=sy.screenHeight){
					// 	heightBl=	(data.height -that.tH)/ 921
					// }else{
					// 	heightBl=	(data.height  )/ 921
					// }
					heightBl = (data.height-that.tH)/921
					that.widthBl=widthBl
					that.heightBl=heightBl


					that.a1171left = 700 * widthBl + 'px'
					that.a1171top = 450 * heightBl + statusnum + 'px'

					that.a1172left = 1180 * widthBl + 'px'
					that.a1172top = 150 * heightBl + statusnum + 'px'


//水开关
					that.a2174left = 1555 * widthBl + 'px'
					that.a2174top = 420 * heightBl + statusnum + 'px'
					that.a2174w = 166 * widthBl + 'px'
					that.a2174h = 180 * heightBl   + 'px'
					
					
					//3
					//176
					//故障灯
					that.a3176ll = 936 * widthBl + 'px'
					that.a3176lt = 273 * heightBl + statusnum + 'px'
					that.a3176lw = 45 * widthBl + 'px'
					that.a3176lh = 45 * heightBl   + 'px'
						//手自
					that.a3176latl = 794 * widthBl + 'px'
					that.a3176latt = 388 * heightBl + statusnum + 'px'
					that.a3176latw = 60 * widthBl + 'px'
					that.a3176lath = 60 * heightBl   + 'px'
						//启动
					that.a3176lsl = 885 * widthBl + 'px'
					that.a3176lst = 382 * heightBl + statusnum + 'px'
					that.a3176lsw = 56 * widthBl + 'px'
					that.a3176lsh = 56 * heightBl   + 'px'
//停止
			that.a3176ltl = 974 * widthBl + 'px'
			that.a3176ltt  = 382 * heightBl + statusnum + 'px'
			that.a3176ltw = 56 * widthBl + 'px'
			that.a3176lth = 56 * heightBl   + 'px'

					//4

					that.a4177left = 420 * widthBl + 'px'
					that.a4177top = 620 * heightBl + statusnum + 'px'

					that.a4178left = 935 * widthBl + 'px'
					that.a4178top = 690 * heightBl + statusnum + 'px'

					//5

					that.a51791left = 735 * widthBl + 'px'
					that.a51791top = 573 * heightBl + statusnum + 'px'

					that.a51792left = 1555 * widthBl + 'px'
					that.a51792top = 680 * heightBl + statusnum + 'px'

					that.a51710left = 1150 * widthBl + 'px'
					that.a51710top = 300 * heightBl + statusnum + 'px'

					that.a51711left = 1150 * widthBl + 'px'
					that.a51711top = 300 * heightBl + statusnum + 'px'
					//6


					that.a61712left = 1200 * widthBl + 'px'
					that.a61712top = 490 * heightBl + statusnum + 'px'

					that.a61713left = 1000 * widthBl + 'px'
					that.a61713top = 320 * heightBl + statusnum + 'px'


					//7777 11

					that.a71714left = 1679 * widthBl + 'px'
					that.a71714top = 660 * heightBl + statusnum + 'px'
					that.a71714w = 60 * widthBl + 'px'
					that.a71714h = 88 * heightBl  + 'px' //to 17 14 1


					that.a717141left = 1290 * widthBl + 'px'
					that.a717141top = 568 * heightBl + statusnum + 'px'
					that.a717141w = 44 * widthBl + 'px'
					that.a717141h = 64 * heightBl   + 'px' //to 17 15



					//7-2
					that.a717142left = 1347 * widthBl + 'px'
					that.a717142top = 568 * heightBl + statusnum + 'px'
					that.a717142w = 36 * widthBl + 'px'
					that.a717142h = 70 * heightBl   + 'px' //to 17-14-1 

					that.a717143left = 1600 * widthBl + 'px'
					that.a717143top = 660 * heightBl + statusnum + 'px'
					that.a717143w = 66 * widthBl + 'px'
					that.a717143h = 90 * heightBl   + 'px' //17 14



				}).exec()

				// uni.getSystemInfo({
				// 	success: function(res) {
				// 		console.log(res)
				// 		

				// 	}
				// });
			}
		}
	}
</script>


<style scoped lang="scss">
	.explaincss {
		padding: 20rpx;
		width: 300rpx;

		border-radius: 20rpx;
		border: 1rpx solid #000;
		background-color: #fff;
		color: #000;
		position: fixed;
		top: 50rpx;
		left: 225rpx;
		z-index: 5000;
	}
	.tasklfex {
		display: flex;
		justify-content: space-between;
	}
	
	.stepbs { 
		text-align: right;
		 
	}

	.warp {
		height: 100%;
		box-sizing: border-box;
		// padding: 22rpx 33rpx 38rpx 36rpx;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		background: #F6F6F6;

		.w100 {
			width: 100%;
		}

		.openiv {
			position: fixed;
		}
		.redbg{
			 
		}

		.openi {
			width: 20px;
			height: 20px;
		}

		.answerview {
			position: fixed;
			top: 80rpx;
			left: 40rpx;
			background-color: #ffffff;
			color: #000;
			width: 200rpx;
			font-size: 2vh;
		}

		.ytitle {
			background-color: #ffb700;
			line-height: 26rpx;
		}

		.ritem {
			line-height: 20rpx;
		} 
		.imgview {
			position: relative;
			width: 100%; 
		}
		 
		
		
		 
		
		 

		.aimg {
			width: 60rpx;
			height: 35rpx;
		}

		.areas {
			background-color: rgba(255, 165, 0, 0.2);
			color: #000;
			font-size: 10px;
			margin-bottom: 10px;
		}

		.sitem {
			border: 2rpx solid orange;
		}

		.areaitem {
			background: #fff;

			display: flex;
			align-items: center;
			justify-content: flex-end;
		}

		.taskTit {
			height: 21px;line-height: 21px;width: 100%;text-align: left;background: #fff;color: #000;font-size: 15px
		}
		

		.myCard {
			width: 100%;
			// height:100%;
			position: relative;
			// border-radius: 20rpx;
			//overflow: hidden;
			z-index: 1;

			.cardContent {
				// padding: 52rpx 58rpx 37rpx;
				box-sizing: border-box;
				width: 100%;
				height: 100%;
				position: relative;
				z-index: 2;
				color: #fff;

				.moneyContent {
					margin-top: 54rpx;
					width: 100%;
					display: flex;
					align-items: center;

					.moneyDetail {
						width: 50%;
						display: flex;
						flex-direction: column;
						align-items: center;
						justify-content: flex-start;

						.detailTit {
							font-size: 24rpx;
							font-weight: 400;
						}

						.detailVal {
							font-size: 55rpx;
							font-weight: bold;
							margin-top: 35rpx;
						}
					}

				}

				
				.handleBtn {
					position: fixed;
					left: 30px;
					bottom: 0px;
				}

				.btnArea {
					margin-top: 160rpx;
					//margin-left: 150rpx;
					display: flex;
					justify-content: center;
					position: fixed;
					right: 30px;
					bottom: 0px // text-align: center;
				}
			}
		}

		.infoBox {
			width: 100%;
			padding: 14rpx 30rpx;
			margin-top: 33rpx;
			border-radius: 20rpx;
			box-sizing: border-box;
			background: #fff;

			.singleInfo {
				width: 100%;
				box-sizing: border-box;
				padding: 20rpx 0;
				display: flex;
				align-items: center;
				justify-content: space-between;
				border-bottom: 1rpx solid #ccc;

				.info {
					flex: 1;

					.desc {
						font-size: 26rpx;
						font-weight: 400;
						color: #222222;
					}

					.time {
						margin-top: 15rpx;
						font-size: 18rpx;
						font-weight: 400;
						color: #888888;
						display: flex;
						align-items: center;
					}
				}

				.val {
					width: 115rpx;
					height: 40rpx;
					border: 1rpx solid #DA2627;
					border-radius: 40rpx;
					text-align: center;
					font-size: 22rpx;
					font-weight: 400;
					color: #DA2627;
					line-height: 40rpx;
				}
			}
		}

		.writeBox {
			border: none;
			width: 0;
			height: 0;
			position: fixed
		}
	}
</style>